@import "../../styles/default";

.search-box{
  border: solid 1px #9e9e9e;
  border-radius: 2px;
  display: flex;
  align-items: center;
  padding:0 size(2);

  .search-box-input{
    flex: 1;
    font-size: 8px;
    input {
      background: transparent;
      width: 100%;
      font-size: size(14);
      font-weight: 500;
      outline: none;
      border: none;

      &::-webkit-input-placeholder {
        color: #9e9e9e;
        font-size: 8px;
      }
    }
  }
  .icon {
    width: 24px;
    height: 24px;
    fill: #9e9e9e;
    &:hover {
      fill: #39DAF9;
    }
    cursor: pointer;

  }

}
